!body_font = "sans-serif"
!samaritans_font = "Trebuchet MS"
!heading_font = "Helvetica Neue, Helvetica, Arial, sans-serif"
!light_green = #aadd66
!dark_green = #339966
!blue = #0066aa
!light_blue = #cef

body
  :font-family = !body_font
  font-size: 10.5pt
  margin: 0
  background-color: #eee

a
  :color = !blue

h1 
  :font-family = !samaritans_font
  font-style: italic
  a 
    text-decoration: none

h2, h3, h4, h5, h6 
  :font-family = !heading_font
  :color = !blue
  margin-left: 6px

h2 
  font-size: 160%

h3 
  font-size: 120%
  clear: both

#content 
  background-color: white
  width: 60em
  margin: auto
  border-right: 0.4em solid silver
  border-bottom: 0.4em solid silver

p, dl 
  margin: 6px

dl 
  padding-bottom: 1.5em

dd 
  float: left
  padding: 0.5em

#banner 
  padding: 0.4em
  :background-color = !dark_green
  background-image: url('/images/banner_gradient.png')
  background-repeat: repeat-x
  background-position: center
  color: white
  a 
    color: white
  h1 
    margin: 0.75em 0 12px 12px

table.form_section
  border-collapse: collapse
  tr
    margin: 0
    border-collapse: collapse
    td
      vertical-align: middle
      margin: 0

label, dt 
  text-align: right
  float: left
  clear: left
  padding: 0.5em
  :background-color = !light_green
  :border-right = "2px solid " + !dark_green
  width: 20em

form 
  label
  &.list_form
    margin: 0

input 
  display: block
  float: left
  margin: 0.5em
  position: relative
  [type=submit]
    clear: left
    position: relative
    left: 1em

textarea 
  margin: 0.5em
  display: block
  float: left
  height: 4em

.date_select 
  float: left
  margin: 0.5em
  position: relative

.clearing 
  clear: both
  height: 0

#admin_links 
  list-style-type: none
  padding: 0
  li 
    display: inline
    padding: 0.25em 0.5em
    :border-right = "1px dotted " + !light_green

ul
  margin: 0

#tabs
  float: left
  width: 100%
  list-style-type: none
  padding: 0
  li 
    float: left
    padding: 0.5em
    margin: 0 0.25em
    color: white
    font-weight: bold
    :background-color = !light_green
    &.active 
      :background-color = !dark_green

#user_options 
  margin: 2.3em 12px 12px 0
  float: right
  clear: both
  list-style-type: none
  padding: 0
  li
    float: left
    padding: 0.25em 0.5em
    :border-right = "1px dotted " + !light_green

#optionbar
  clear: left
  float: left
  width: 100%
  margin-bottom: 1em
  height: 1.8em
  :background-color = !dark_green
  color: white
  padding: 0.25em 0
  list-style-type: none
  li 
    float: left
    margin: 0 0.25em
    padding: 0.25em 0.5em
    color: white
    :border-right = "1px dotted " + !light_green
  input 
    clear: none
    float: left
    margin: 0 1em 0 0.25em

select 
  clear: none
  float: left

#tabs a 
  color: black

#tabs .active a 
  text-decoration: none

#optionbar a, #tabs .active a 
  color: white

table 
  border-collapse: collapse
  &.list 
    margin: 0 6px
    :border = "2px solid " + !light_green
    thead tr 
      :background-color = !dark_green
    th 
      padding: 0.5em
      color: white
      a 
        color: white
    td 
      padding: 0.25em
      margin: 0
    input
      display: inline
      float: none
      vertical-align: middle

.stripe 
  :background-color = !light_blue

.button-to, .button-to * 
  padding: 0
  margin: 0

.radio_container 
  text-align: center

#notice, #impersonation
  background-color: #ffc
  padding: 0.5em
  border: 1px solid #ec6
  clear: both

.number 
  text-align: center

#comments 
  list-style-type: none
  padding: 0.5em
  li
    padding: 1em

.comment_meta 
  font-size: 80%
  font-style: italic
  color: #666
  margin-bottom: 1em

#navlinks 
  font-weight: bold
  margin: 0.5em

#comment_form 
  margin: 0.5em
  padding: 0 0 0.5em 0
  label 
    margin: 1em 0
    float: none
    display: block
    text-align: left
    widthh: auto
    :border-bottom = "2px solid " + !dark_green
    border-right: none
  input 
    margin: 1em 0
    float: none
  textarea 
    width: 56em
    height: 12em
    display: block
    float: none
    margin: 1em 0
    font-size: 10.5pt
    padding: 1.5em
    :font-family = !body_font

#footer 
  clear: both
  padding: 2.5em 1em
  text-align: center
  font-size: 80%

#welcome 
  width: 100%

  td 
    width: 50%
    text-align: center
    font-size: 160%
    font-weight: bold
    padding: 2.5em
    line-height: 150%

#help
  :background-color = !light_blue
  float: right
  margin-right: 6px
  width: 15em
  :border = "2px solid " + !blue
  h3
    font-size: 100%
    margin: 0.25em
    padding: 0.25em
    :background-color = !blue
    color: white
  p
    text-indent: 0.5em
    font-size: 85%
  